﻿Ext.define('GS.view.user.Profile', {
    extend: 'Ext.form.FormPanel',
    xtype: 'profileview',

    config: {

        title: 'Bruger',
        iconCls: 'user',

        listeners: {
            show: function () {
                var user = Ext.getStore('userData');
                user.load();
                Ext.getCmp('first_name').setHtml('Navn: ' + user.getAt(0).get('first_name'));
                Ext.getCmp('last_name').setHtml('Efternavn: ' + user.getAt(0).get('last_name'));
                Ext.getCmp('email').setHtml('E-mail: ' + user.getAt(0).get('email'));
                var institutionRecord = Ext.getStore('institutions').findRecord('id', user.getAt(0).get('school_id'));
                Ext.getCmp('school').setHtml('Institution: ' + institutionRecord.data.name);
            }
        },

        items: [
        {
            xtype: 'toolbar',
            title: 'Min Bruger',
            docked: 'top',
            items:
            [
            {
                xtype: "spacer"
            },
            {
                xtype: 'button',
                text: 'Log Ud',
                ui: 'refresh',
                id: 'btnLogout'
            }]
        },
        {
            xtype: 'label',
            id: 'first_name',
            html: 'Navn: ',
            margin: '10 0 10 0'
        },
        {
            xtype: 'label',
            id: 'last_name',
            html: 'Efternavn: ',
            margin: '10 0 10 0'
        },
        {
            xtype: 'label',
            id: 'email',
            html: 'E-mail: ',
            margin: '10 0 10 0'
        },
        {
            xtype: 'label',
            id: 'school',
            html: 'Institution: ',
            margin: '10 0 10 0'
        },
        {
            xtype: 'button',
            text: 'Rediger',
            ui: 'confirm',
            id: 'btnEditProfile',
            margin: '10 0 10 0'
        }]
    }
});